@(missionName:String)(implicit request: RequestHeader)
@main("样品比较")("sampleCompare") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/plugins.min.css")">

	<script src="@routes.Assets.at("easy-pie-chart-2.1.6/dist/jquery.easypiechart.min.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("javascripts/App.min.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("javascripts/plugins.min.js")" type="text/javascript"></script>


	<style>
			.genome-pre {
				white-space: pre-wrap;
				word-wrap: break-word;
				border: 0px solid #ccc;
				background-color: white;
			}

			.mySelected {
				background-color: #c0edf1
			}

			.myTab {
				cursor: pointer;
			}

	</style>


	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa-object-group"></i>
					<a href="@routes.SampleController.sampleCompareBefore()">样品比较</a>
				</li>
			</ul>
		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								样品比较
							</div>
						</div>

						<div class="portlet-body" id="parentPanel">

							<form id="form" class=" form-horizontal" accept-charset="UTF-8"
							method="post" style="margin-top: 30px;">

								<input type="hidden" name="userId" value="@request.session("id")">

								<div class="form-group">
									<label class="control-label col-sm-2">任务名称: <span class="must">*</span></label>
									<div class="col-sm-4">
										<input class="form-control" name="missionName" value="@missionName" onfocus="inputSelect(this)">
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-2">样品1: </label>
									<div class="col-sm-4">
										<select class="form-control" name="sample1" >
										</select>
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-2">样品2: </label>
									<div class="col-sm-4">
										<select class="form-control" name="sample2" >
										</select>
									</div>
								</div>

								<div class="form-group form-horizontal">
									<div class="actions col-sm-offset-2 col-sm-2">
										<button type="button" class="btn btn-primary" style="width: 90%;" id="search" onclick="SampleCompare.myRun">
											开始运行</button>
									</div>
								</div>

							</form>

						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								任务管理
							</div>
						</div>

						<div class="portlet-body">
							<div class="table-responsive">


								<table class="display table table-bordered" id="missionTable" data-pagination="true" data-search="true"
								data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">
									<thead>
										<tr>
											<th data-field="missionName" data-sortable="true"
											data-formatter="MissionManage.missionNameFmt">
												任务名称</th>
											<th data-field="state" data-sortable="true"
											data-formatter="MissionManage.stateFmt"
											>运行状态</th>
											<th data-field="startTime" data-sortable="true">开始日期</th>
											<th data-field="endTime" data-sortable="true">结束日期</th>
											<th data-field="operate" data-formatter="SampleCompare.operateFmt">操作</th>
										</tr>
									</thead>
								</table>

							</div>
						</div>
					</div>
				</div>
			</div>


		</div>



	</div>


	<script>
			function test() {
				$("#{gender} {kind}Percent").data("easyPieChart").update(percent)
			}

			$(function () {
				SampleCompare.init

			})
	</script>


}